﻿@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/font/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/contents/font/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/contents/font/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(/contents/font/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/font/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(/contents/font/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff'); }

* { margin: 0 auto; padding: 0 auto; }
body { font-size: 14px; font-family: 'Open Sans', arial; text-decoration: none; margin: 0; background:#F4F4F4; color: #333; }

.div-Header { position: relative; margin: 0px 0px 0px 0px; padding: 0px; text-align: left; width: auto; height: auto; border: 1px; }
.div-deader-top{clear: both; margin: 0 auto; padding: 0 auto; padding-top:0px; width: 1000px; height: 110px; background:url(../images/background-content.png) repeat-x scroll 50% bottom #ffffff; border-bottom: 1px solid #d7d7d7;}
.div-banner { margin: 0 auto; padding: 0 auto; padding-top:5px; width: 1000px; height: 100px; background: url(../images/logo-top.png) no-repeat scroll 0 0 transparent; }

/* ————— Menu top ————— */
li { list-style: none; }
a { text-decoration: none; color: #FFF;  }
.div-menu { width: 1000px; height: 40px; background: #AAA9A9; margin: 0px auto; margin-bottom: 0px; }
.main_menu { background: #A06D00; margin-top: 0px; height: 37px; }
/* main menu styles */
.nav { clear: both; font-size: 14px; display: inline-block; width: 100%; margin: 0px auto; padding: 0; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 1px 1px 1px rgba(0,0,0, .1); -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .1); }
    .nav li { margin: 1px; float: left; position: relative; list-style: none; }
    .nav a { font-weight: bold; font-size: 14px; color: #808080; text-decoration: none; display: block; padding: 8px 15px 10px 15px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 1px; }
    .nav .current a, .nav li:hover > a { color: #CC9900; border-top: 1px solid #f8f8f8; box-shadow: 1px 1px 1px rgba(0,0,0, .1); /*some css3*/ -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .1); }

/* selected menu element */
#nav { clear: both; display: inline-block; width: 100%; margin: 0px auto; padding: 0; background:url(../images/slide_02.png) repeat-x scroll 50%; border-radius: 0px; /*some css3*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 1px 1px rgba(0,0,0, .1); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1); }
    #nav li { margin: 1px; float: left; position: relative; list-style: none; }
    #nav a { font:bold 12px "Georgia"; color: #5c4c29; text-decoration:none;text-transform:uppercase; display: block; padding: 8px 10px 10px 10px; border-radius: 0px; /*some css3*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; }

    /* selected menu element */
    #nav .current a, #nav li:hover > a { background:url(../images/div-menu-li.png) repeat-x scroll 50%; font:bold 12px "Georgia"; color: #fff; border-top: 1px solid #f8f8f8; box-shadow: 0 1px 1px rgba(0,0,0, .1); /*some css3*/ -moz-box-shadow: 0 1px 1px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1); /*text-shadow: 0 1px 1px rgba(255,255,255, 0.1);*/ }

    /* sublevels */
    #nav ul li:hover a, #nav li:hover li a {font:bold 12px "Georgia"; color: #5c4c29; border-top: 1px solid #FFFFFF; }
    #nav ul li a:hover { background:url(../images/slide_02.png) repeat-x scroll 50%; font:bold 12px "Georgia"; color: #59563B; border-radius: 0px; /*some css3*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; /*text-shadow: 0 1px 1px rgba(0,0,0, 0.1);*/ }

    #nav ul li:first-child > a { -moz-border-radius-topleft: 0px; /*some css3*/ -moz-border-radius-topright: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; }
    #nav ul li:last-child > a { -moz-border-radius-bottomleft: 0px; /*some css3*/ -moz-border-radius-bottomright: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; }

    /* drop down */
    #nav li:hover > ul { opacity: 1; visibility: visible; }
    #nav ul { visibility: hidden; padding: 0; width: 191px; position: absolute; background: #aabbcc; border: 0px solid #7788aa; -moz-border-radius: 0px; /*bo tron goc*/ -webkit-border-radius: 0px; box-shadow: 0 1px 1px rgba(0,0,0, .1); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1); -moz-transition: opacity .2s linear, visibility .1s linear .1s; -webkit-transition: opacity .2s linear, visibility .1s linear .1s; -o-transition: opacity .2s linear, visibility .1s linear .1s; transition: opacity .2s linear, visibility .1s linear .1s; }
        #nav ul li { float: none; margin: 0; }
        #nav ul a { font-weight: normal; /*text-shadow: 0 2px 2px rgba(255,255,255, 0.7);*/ }
        #nav ul ul { left: 192px; top: 0px; }

/*______ Nội dung trang______*/

.div-masterPage-image { width: 1000px; height: auto; margin: 0px auto; padding: 0px auto; }
.content-holder { top: 0px; margin: 0px auto; padding: 0px auto; width: 1000px; height: auto; }
.frmMaster { margin: 0 auto; padding: 0 auto; width: 1000px; height: auto; }

.div-footer { clear: both; text-align: center; font-style: italic; background: url(../images/background-footer.png) repeat-x scroll 50% bottom #ffffff;; margin: 0 auto; padding: 0 auto; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; width: 1000px; height: 80px; }
.div-image { float: left; margin-left: 20px; margin-top: 10px; width: 10px; clear: both; }
.div-title-footer { width: 850px; height: 80px; margin: 0 auto; padding: 0 auto; margin-left: 5px; margin-right: 5px; padding-bottom: 4px; padding-right: 5px; color: #042c54; float: left; border: 0px solid #CDCDCD; }
.div-image-footer { border: 0px solid #CDCDCD; float: right; margin-top: 4px; width: 77px; height: 75px; padding-right: 15px; background: url(../images/logo.png) no-repeat scroll 0 0 transparent; }

/*from chờ xủ lý*/

.table-search { margin-left: 0px; padding-left: 0px; float: left; }

.div-search { clear: both; width: auto; height: auto; }

.div-content-footer { clear: both; height: 40px; margin-top: 15px; padding-top: 10px; text-align: center; border: 1px solid #CDCDCD; background-color: #F8F8FF; }
.div-title-head { color: #000000; height: auto; width: auto; clear: both; text-align: center; margin: 0px 0px 15px 0px; padding: 7px 0px 12px 10px; font-size: x-large; background-color: #E7E8DD; }

a, div { outline: 0 none; }
a { color: #069; }
fieldset { border: solid 1px #ddd; }
legend { color: #ff6a00; font-weight: bold; }
.empty-table { border: solid 2px #ccc; padding: 10px; color: #ddd; }
.submit { border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 13px; height: 28px; line-height: 26px; margin: 0; padding: 0 10px 1px; text-decoration: none; white-space: nowrap; margin: 1px 8px 0 0; background: none repeat scroll 0 0 #f7f7f7; border-color: #ccc; box-shadow: 0 1px 0 #fff inset, 0 1px 0 rgba(0, 0, 0, 0.08); color: #555; vertical-align: top; }
    .submit:hover { background: none repeat scroll 0 0 #fafafa; border-color: #999; color: #222; }

textarea, input[type='text'], input[type='password'] { padding: 3px 5px; line-height: 20px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; color: #333; outline: 0 none; transition: border-color 0.05s ease-in-out 0s; font-size: 13px; }
.button-primary { border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 13px; height: 28px; line-height: 26px; margin: 0; padding: 0 10px 1px; text-decoration: none; white-space: nowrap; margin: 1px 8px 0 0; background: none repeat scroll 0 0 #f7f7f7; border-color: #ccc; box-shadow: 0 1px 0 #fff inset, 0 1px 0 rgba(0, 0, 0, 0.08); color: #555; vertical-align: top; background: none repeat scroll 0 0 #2ea2cc; border-color: #0074a2; box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15); color: #fff; text-decoration: none; }
.button { vertical-align: baseline; }
.error { color: red; }

input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus { border-color: #5b9dd9; box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); }

.data td { padding: 5px; text-align: center; }
.data tr:hover { background: #ddd; }
.header-tr td { color: #fff; }
.data a { font-size: 14px; }
.data-title { color: #335599; }
    .data-title :hover { text-decoration: underline; }
.sep { color: #ccc; }
.repeater-hover { border-collapse: collapse; }
    .repeater-hover td { padding: 5px; border: #CCC 1px solid; }
    .repeater-hover tr { background: #fff; }
        .repeater-hover tr:hover a { cursor: pointer; color: #335599; }
        .repeater-hover tr:hover { background-color: #ecf7fe; cursor: pointer; color: #000; }
.tr-header, .tr-header:hover { background-color: #d3d1d1 !important; color: #000; font-weight: bold; text-align: center; }

.breadcrum-div { padding: 10px; }
    .breadcrum-div a { font-size: 18px; }

.empty-list { font-size: 18px; font-weight: bold; font-family: Arial; color: #999; text-align:center;padding:10px; }

.box-manager-profiles{clear:both; background:#fff; border: 1px solid #CDCDCD; width:auto; height:auto; min-height:190px;}
.div-title-manager{ background: url(../images/bkg-title.png) repeat-x scroll 50%; color: #042C54; height: 20px;  width: 989px; text-align: left; font-size: 16px; margin: 0px 0px 0px 0px; padding: 5px 0px 10px 10px; float: left; }
.div-manager-left { clear:both; width: 333px; height:auto; border: 0px solid #CDCDCD; float: left; margin-bottom: 5px; }
.div-manager-center {  width: 333px; height: auto;  border: 0px solid #CDCDCD; margin-bottom: 5px; padding-bottom: 4px; float: left; position: relative; margin: 0 auto; padding: 0px; }
.div-manager-right { width: 332px; height:auto; border: 0px solid #CDCDCD; float: right; margin-bottom: 5px; }
.div-manager-content{width: auto; height: 30px;  background: #fff; padding: 0 auto; padding-top: 6px; clear: both;}
.div-manager-content{width: auto; height: 30px;  background: #fff; padding: 0 auto; padding-top: 6px; padding-left:55px; clear: both;}
.div-manager-content:hover { background-color: #ecf7fe; cursor: pointer; color: #000; }
.div-detail-manager{float:left;  clear:both; margin:0 auto; margin-top:5px; margin-bottom:5px; padding:0 auto; padding-left:25px; padding-top:5px; background-color: #d3d1d1 !important; height:25px; width:150px; color: #000; font-weight: bold; text-align: left;}
.modal-content-main { height: auto; width: 1000px; position: relative; padding: 0 auto; margin: 0 auto; }

.div-tieu-de { background-color: #B4BCBA; padding: 0px 0px 3px 15px; padding-top: 6px; margin: 0px 0px 0px 0px; height: 25px; font-size: 16px; }

/*    border: 3px solid #0DA9D0;*/
.div-content { margin: 0px; padding: 0px; width: auto; height: auto; }
.div-content-head { background-color: #F5F5F5; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; }
.div-title { background: #335599; color: #FFFFFF; height: 20px; width: 255px; text-align: left; font-size: 18px; margin: 10px 0px 0px 0px; padding: 7px 0px 12px 10px; float: left; }

.div-title-content { background: url(../images/bkg-title.png) repeat-x scroll 50%; color: #042C54; height: 20px;  width: 990px; text-align: left; font-size: 16px; margin: 10px 0px 0px 0px; padding: 7px 0px 10px 10px; float: left; }

    .div-title-content a { color: #042C54; }

.div-title-top-left { background: #336699; color: #FFFFFF; height: 25px; width: auto; clear: both; text-align: left; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px; font-size: 18px; }

.div-title-center { color: #000000; height: auto; width: auto; clear: both; text-align: center; margin: 5px 0px 15px 0px; padding: 7px 0px 12px 10px; font-size: 18px; }

.div-content-left { width: 400px; min-height: 400px; border: 1px solid #CDCDCD; float: left; margin-bottom: 5px; }
.div-text-left { margin: auto; padding: auto; border: 0px solid #E0E0E0; }
.divContent { position: relative; margin: 0px; padding: 0px; width: auto; height: auto; text-align: left; clear: both; }
.tb-Content { width: 100%; margin: 0 auto; padding: 0 auto; text-align: left; border: 1px solid #E0E0E0; }


.div-content-right { width: 590px; min-height: 430px;  border: 1px solid #CDCDCD; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; padding-bottom: 4px; float: right; position: relative; margin: 0 auto; padding: 0px; }
.div-bieuMau { margin: 0 auto; padding: 0px; }

.div-bieuMau-giayTo { padding-bottom: 0px; border: 1px solid #CDCDCD; }

.div-thongTin-ketLuan { margin: 15px 0px 5px 0px; padding: 0 auto; padding-bottom: 10px; border: 1px solid #CDCDCD; }
